<!DOCTYPE html>

<html>

	<head>

		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

		<title>仪器共享</title>

		<meta name="keywords" content="科研仪器，生命科学仪器，环境检测仪器，实验常用设备，分析仪器">

		<meta name="description" content="中国领先的科研仪器共享平台，让您快速找到各种类型的科学研究仪器。提升闲置仪器利用率，产生更大科研价值。涵盖：生命科学仪器、环境检测仪器、实验常用设备、分析仪器、仪表、物性测试、测量/计量仪器、在线及过程控制仪器。">


    <link rel="stylesheet" href="css/new_css/bootstrap.min.css">
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/common.css">

		<script src="js/jquery-1.11.3.js"></script>

		<script src="js/bootstrap.min.js"></script>

		<script>
			$(function() {
				$('.content .container .box .tab li').click(function() {
					$(this).addClass('selected').siblings().removeClass('selected');
					$('.content .container .box .form li').eq($(this).index()).show().siblings().hide();
				});
			});
		</script>

		<style>

			aside.main-center .nav-title{
				color: #FF8A00;
			}

			.intermediate-content{
				margin-top: 20px;
				border: 1px solid #CCCCCC;
				padding: 20px 0px;
				margin-bottom: 20px;
			}
			.navigationBar {
				padding-bottom: 10px;
				margin-left: 20px;
				border-bottom: 1px solid #ccc;
			}
			.navigationBar a{
				font-size: 18px;
				height: 30px;
				padding-bottom: 10px;
				border-bottom: 3px solid #FF8A00;
			}
			.intermediate-name-time{
				width: 559px;
				height: 100%;
				margin: 0 auto;
				margin-top: 60px;
			}

			.intermediate-time{
				margin-top: 20px;
				height: 100%;
				min-height: 240px;
				border: 1px solid #CCCCCC;
			}
			.intermediate-name label{
				padding-right: 2px;
				font-size:16px;
			}
			input.scheme-name{
				width: 210px;
				padding-left: 10px;
				margin-right: 24px;
			}
			select.select-style{
				width: 210px;
			}
			.intermediate-time-start, .intermediate-time-end{
				width: 278.5px;
				height: 68px;
				background-color: #F4F4F4;
			}
			.intermediate-time-start p, .intermediate-time-end p{
				line-height: 68px;
				font-size:16px;
				color: #202020;
				text-align: center;
			}

			.intermediate-time-start-fl{
				height: 170px;
				border-left: 1px solid #D3D3D3;
			}
			.intermediate-time-start-fl.haha{
				border-left: none;
			}

			.low-item-1 li , .low-item-2 li{
				float: left;
				height: 70px;
				line-height: 70px;
			}
			.low-item-1 li .select,.low-item-2 li .select{
				width: 118.5px;
				margin-left: 10px;
				margin-right: 10px;
				text-align: center;
			}
			.low-item-2 li {

				background-color: #fef4e8;
			}

			.submit-btn{
				text-align: center;
				margin:30px 170px;
			}
			.submit-btn-a{
				width:226px;
				height:64px;
				background:rgba(255,138,0,1);
				border-radius:5px;
				display: block;
				line-height: 64px;
				font-size:18px;
				color: #ffffff;
				cursor: pointer;
			}
			.submit-btn-a:hover{
				color: #ffffff;
			}





		</style>

	</head>

	<body>
	<!--header-->
		<header>
			<!--Top head navigation bgc-->
			<div class="top-nav-bgc">
				<!--Top head navigation-->
				<div class="top-nav">
					<!--left-->
					<div class="top-nav-left fl">
						<!--img-->
						<img src="images/home.png">
						<!--companyName-->
						<span><a href="index">观迎访问仪器共享平台</a></span>
					</div>
					<!--right-->
					<div class="top-nav-right fr" >
						<!--username-info-->
						<div class="username-info">
							<!--userImg-->
							<div class="userImg fl">
								<img src="images/user.png">
							</div>
							<!--username-->
							<div class="username fl">
								<ul>
									<li id="username" >
										<a onclick="userImg();" href="">itwangyang@foxmail.com</a>
										<img id="userImg" src="images/icon1.png">
									</li>
								</ul>

								<ul  class="dropdown-nav" id="dropdown-nav" style="display: none">
									<!--<img src="images/icon9.png">-->
									<li>
										<a class="active" href="">用户中心</a>
									</li>
									<li>
										<a href="">退出登录</a>
									</li>
								</ul>
							</div>
							<!--selectNav-->
							<!--<div class="icon-img fl">-->
							<!--<img src="images/icon1.png">-->
							<!--</div>-->
						</div>
					</div>
				</div>
			</div>
			<!--header search-->
			<div class="header-search clearfix">
				<!--left-->
				<div class="header-search-lef fl">
					<div class="logo-name fl" ><a href="index">科研仪器共享平台</a> </div>
					<div class="shopping-Mall fl">
						<div class="logo-mall">
							<a href=""><img src="images/icon3.png"></a>
						</div>
						<div class="mall-name">
							<a href="">yq.shang.com</a>
						</div>
					</div>
				</div>
				<!--right-->
				<div class="header-search-right fr">
					<div class="search-text fl">
						<input type="text" placeholder="请您输入仪器名称、分类名称、测试内容、机构名称...">
					</div>
					<div class="search-btn fl">
						<input type="submit" value="搜索">
					</div>
				</div>
			</div>
		</header>

		<!--中间-->

		<aside class="main-center">
			<!--title-->
			<section class="mainTitle">
				<p>
					您的位置:
					<a href="">仪器管理与发布</a> >
					<a href="">信息发布</a> >
					<a href="">增加</a> >
					<span class="nav-title">新增时间方案</span>
				</p>
			</section>

			<!--main-contant-->
			<div class="intermediate-content">
				<!--navigation-bar-->
				<div clas="navigationBar" style="border-bottom: 1px solid #ccc; padding-bottom: 10px;margin-left: 20px;">
					<a style=" border-bottom: 3px solid #FF8A00; font-size: 18px;height: 30px;padding-bottom: 10px;">新增时间段方案</a>
				</div>

				<div class="intermediate-name-time">
					<!--intermediate-name-->
					<div class="intermediate-name">
						<form action="" method="post">

							<!--方案名称-->
							<label>方案名称</label>
							<input class="scheme-name" type="text" placeholder="周末开放时间">

							<!--默认-->
							<label>默认</label>
							<select class="select-style">
								<option onclick="selectClick()">是</option>
								<option onclick="selectClick()">否</option>
							</select>

						</form>

					</div>
					<!--intermediate-time-->
					<table class="table" border="1" style="margin-top: 30px; border: 1px solid #CC8;">
						<tr style="background: rgba(244,244,244,1);border: 0px;border-bottom: 1px solid #ccc;">
							<th colspan="2">开始时间</th>
							<th colspan="2">结束时间</th>
						</tr>

						<tr class="nth1" id="a">
							<td style="border: 0px;">
								<select class="select-time">
									<option>11</option>
									<option>11</option>
								</select>
							</td>
							<td style="border: 0px;">
								<select class="select-time">
									<option>11</option>
									<option>11</option>
								</select>
							</td>
							<td style="border: 0px;border-left: 1px solid #ccc;">
								<select class="select-time">
									<option>11</option>
									<option>11</option>
								</select>
							</td>
							<td style="border: 0px;">
								<select class="select-time">
									<option>11</option>
									<option>11</option>
								</select>
							</td>

						</tr>
						<tr class="nth1" >
							<td style="border: 0px;">
								<select class="select-time">
									<option>11</option>
									<option>11</option>
								</select>
							</td>
							<td style="border: 0px;">
								<select class="select-time">
									<option>11</option>
									<option>11</option>
								</select>
							</td>
							<td style="border: 0px;border-left: 1px solid #ccc;">
								<select class="select-time">
									<option>11</option>
									<option>11</option>
								</select>
							</td>
							<td style="border: 0px;">
								<select class="select-time">
									<option>11</option>
									<option>11</option>
								</select>
							</td>

						</tr>
						<tr class="nth1" >
							<td style="border: 0px;">
								<select class="select-time">
									<option>11</option>
									<option>11</option>
								</select>
							</td>
							<td style="border: 0px;">
								<select class="select-time">
									<option>11</option>
									<option>11</option>
								</select>
							</td>
							<td style="border: 0px;border-left: 1px solid #ccc;">
								<select class="select-time">
									<option>11</option>
									<option>11</option>
								</select>
							</td>
							<td style="border: 0px;">
								<select class="select-time">
									<option>11</option>
									<option>11</option>
								</select>
							</td>

						</tr>

					</table>
					<div class="btn-ingh" style="text-align: center;">
						<button class="button-add" onclick="fun()">增加一行</button>
						<button class="button-add" onclick="del()">删除一行</button>
					</div>
					<style>

					</style>







					<!--submit btn-->
					<div class="submit-btn clearfix">
						<a class="submit-btn-a" href="#">提交</a>
					</div>

				</div>
			</div>
		</aside>

		<!--footer-->
		<footer>
			<div class="foot clearfix">
				<p>&copy; 2015-2020 科研仪器 版权所有 技术支持：科研仪器共享平台 支持电话：010-123658987 </p>
			</div>
		</footer>

		<script src="js/jquery-1.11.3.js"></script>
		<script src="js/common.js"></script>
	<script type="text/javascript">
    function fun(){
        var $td = $("#a").clone();       //增加一行,克隆第一个对象
        $(".table").append($td);
        $("table tr:last").find(":input").val('');   //将尾行元素克隆来的保存的值清空
    }

    function del(){
        $("table tr:not(:first):not(:first):last").remove();      //移除最后一行,并且保留前两行
    }
	</script>


	<script src="js/jquery-1.11.3.js"></script>

	</body>


<style>
	th {
		text-align: center;
		width: 600px;
		height: 70px;
		vertical-align: middle !important;
	}
	select.select-time {
		border: 1px solid #2222;
		border-radius: 5px;
		height: 40px;
		margin-left: 10px;
		width: 100px;
	}
	td {
		padding: 5px;
	}
	.nth1:nth-child(odd){
		background-color: #fef4e8;
	}
	.nth1:nth-child(even){
		background-color: #fff;
	}
	.button-add{
		width: 156px;
		border: 1px solid #FF8A00;
		height: 46px;
		border-radius: 5px;
		text-align: center;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		justify-items: center;
	}


</style>


         
</html>
